<template>
    <div class="top">
      <div class="title">
        <slot name="topTitle"></slot>
      </div>
    </div>
</template>

<script>
export default {
  props: {
    hideLogo: {
      type: Boolean,
      default: () => {
        return false;
      }
    }
  }
};
</script>


<style lang="scss" scoped>
@import "../../../../../../styles/base/_parameters";

.top {
  display: flex;
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 120px;
  .title {
    width: 549px;
    height: 139px;
    line-height: 115px;
    margin: auto;
    margin-top: -30px;
    color: #bdb491;
    font-size: 28px;
    text-align: center;
    background: url("../../../../../../../static/img/dc/news/title.png") left
      top no-repeat;
    background-size: 100% 100%;
  }
}
</style>

